<template>
    <div class="footer-f">
        <p class="f-top-text">
            <p>Copyright © 2021 by 梁斯郎 . All rights reserved.</p>
            <p>小站已经存活了: 1386天22小时15分4秒</p>
            <p>联系邮箱：573626865@qq.com</p>
        </p>
        <p class="p-recommend">建议使用1920*1080分辨率/谷歌浏览器访问达到最佳效果</p>
    </div>
</template>

<script>
export default {
    name: 'Footer',
    data () {
        return {

        }
    },
    components: {

    },
    filters: {

    },
    watch: {

    },
    computed: {

    },
    beforeMount () {

    },
    mounted () {

    },
    methods: {

    },
}
</script>

<style lang="less" scoped>
.footer-f {
    background-color: #37414a;
    p {
        font-size: 14px;
        color: #CACACA;
        text-align: center;
    }
    .f-top-text {
        padding: 20px 0 0 0;
        span {
            margin-right: 50px;
            &:last-child {
                margin-right: 0;
            }
        }
    }
    .p-browser-support {
        padding: 10px 0 0 0;
        color: #666;
        user-select: none;
        a {
            padding-left: 15px;
            position: relative;
            font-weight: 550;
            color: #2d9af4;
            letter-spacing: 1px;
            &:first-of-type {
                padding-left: 5px;
            }
            &:last-child {
                &::after {
                    content: "。";
                }
            }
            &::after {
                content: "、";
                position: absolute;
            }
            &:hover {
                text-decoration: underline;
            }
        }
    }
    .p-recommend {
        padding: 10px 0;
        font-size: 12px;
        font-weight: 700;
        color: #CACACA;
    }
}
</style>
